<html>
    <head>
        <meta charset="utf-8">
        <style>
    blockquote.highlight {
          font: 16px/22px normal;
          font-family: SimSun;
          margin-top: 10px;
          margin-bottom: 10px;
          margin-left: 0px;
          padding-left: 15px;
          padding-top: 10px;
          padding-right: 10px;
          padding-bottom: 10px;
          border-left: 3px solid #ccc;
          background-color:#f1f1f1
     }
     blockquote pre {
         white-space: pre-wrap;
     }
     blockquote small{
         font-size: 11px;
     }
     blockquote * {
        display: inline;
     }
     main {
         padding-left: 20%;
         padding-right: 20%;
     }
     hr {
        margin: 15px 40px 15px 0px;/**/
        border: 0;/*是去掉fierfoxf的一条阴影线*/
        color: black; /*是设置ie老版本水平线的颜色；*/
        background-color: black;/* 设置fierfox 下水平线的高度*/
        height: 2px;/* 水平高度*/
    }
    p.comment {
        padding-left: 30px;
        font-weight: bold;
        font-size: 14px;
        color: #00adff;
    }
        </style>
    </head>

    <body>
        <main>
            <h2>云边有个小卖部</h2>
        <blockquote class="highlight"><pre>开头这一句就没写下去了，刘十三完全没有什么可写的。</pre><br>
            <small>—— 第 3 页 | 2020年1月3日 12:12:30</small>
        </blockquote>
        <p class="comment">和你我一样</p>
        <hr>
        <h2>显微镜下的大明</h2>
        <blockquote class="highlight"><pre>这是一幕极具象征意味的画面。曾令大明江山永固的黄册，在风雨飘摇中被一一扯碎。漫天的纸屑飞舞于后湖之上，万亿大明子民的户籍化为甲胄和火器，以毁灭自己的方式，试图成为挽救这个王朝的最后希望。</pre><br>
            <small>—— 第 3 页 | 2020年1月3日 12:12:30</small>
        </blockquote>
        </main>
    </body>
</html>
